<script setup>
  import Header from "@/views/Home/components/Header.vue";
</script>

<template>
<!--头部-->
  <div class="header">
    <Header></Header>
  </div>
  <div class="index-menu">

  </div>
  <!--主题部位-->
  <div class="main">
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/>
    11122222222222222222222<br/><br/><br/><br/>br/><br/><br/><br/>
    <br/><br/><br/><br/>br/><br/><br/><br/>






  </div>
</template>

<style scoped>
*{
  padding: 0px;
  margin: 0px;
}
.header{
  position: absolute;
  width: 100%;
  height: 20%;
  left: 0px;
  top: 0px;
  background: url("/public/img/headerbg.png");
  background-size: 100% 100%;
}
.index-menu{
  position: absolute;
  height: 15%;
  width: 100%;
  left: 0px;
  top: 20%;
  border: #181818 1px solid;
}
.main{
  position: absolute;
  background-color: #E7FDE0FF;
  width: 100%;
  height: auto;
  top: 35%;
  left: 0px;
  overflow-y: auto;
  /*平均分成5等分*/
  display: flex;
  justify-content: space-between; /* 将项目均匀分布 */

}
</style>